body,
html {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

* {
	margin: 0;
	padding: 0;
}

.mui-content {
	width: 100%;
	height: 100%;
	background: #fff url(../img/login_bg.png) no-repeat bottom;
	background-size: 100%;
}

#middle_box {
	width: 100%;
	padding: 0 4%;
	padding-top: 20vw;
}

.logo {
	width: 35vw;
	margin: 0 auto;
	/* margin-bottom: 15vw; */
    display: block;
}

#phone_icon,
#lock_icon {
	display: inline-block;
	width: 1.4rem;
	height: 1.4rem;
	position: absolute;
	top: 0.5rem;
}

#phone_icon {
	background-image: url(../img/login_name.png);
	background-repeat: no-repeat;
	background-size: cover;
}

#lock_icon {
	background-image: url(../img/login_pas.png);
	background-repeat: no-repeat;
	background-size: cover;
}

input {
	border: none;
	outline: none;
	text-indent: 1em;
}

.mui-input-group .mui-input-row {
	background: #f9f9f9;
	border: 1px solid #ccc;
	border-bottom: none;
}
#lookPwd,#seePwd {
    width: 20%;
    height: 40px;
    position: absolute;
    right: 0;
}
.pass_img {
	width: 35%;
	float: right;
	position: absolute;
	top: 11px;
	right: 0.5rem;
}

.btn {
	background: #004a86;
	width: 100%;
	height: 12vw;
	font-size: 20px;
	text-align: center;
	color: #fff;
	margin-top: 5vw;
}

#taggle {
	width: 100%;
	margin: 5vw 0;
}

#forget {
	display: block;
	float: left;
}

.mui-switch {
	float: right;
}

a {
	color: #f9c34a;
	text-decoration: underline;
	font-size: 16px;
}

#registerDiv {
	width: 100%;
	text-align: center;
	margin-top: 30vw;
}

#selectRegisterType {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%); 	/* IE 9 */
	-moz-transform:translate(-50%, -50%); 	/* Firefox */
	-webkit-transform:translate(-50%, -50%); /* Safari 和 Chrome */
	-o-transform:translate(-50%, -50%); 	/* Opera */
	width: 90%;
	/* height: 90vw; */
	height: 100vw;
	background: #FFFFFF;
	z-index: 999;
}
.title {
	height: 15%;
	background: #F7F7F7;
}
.title span {
	display: inline-block;
	margin-top: 4%;
}
.title span:first-child {
	margin-left: 5%;
}
.title span:last-child {
	color: #696C76;
	margin-left: 3%;	
}
input[name="kind"],input[name="detail"] {
	text-indent: 0;
}
input[name="detail"] {
	margin: 2% 15% 0 15%;
}
/*input[name="detail"]:last-child {
	margin-left: 2%;
}*/
.mui-radio input[type='radio']:checked:before {
	content: '\e442';
	color: #F3CBB4;
}
.radio {
	height: 20%;
	border-bottom: 2px solid #F6F6F6;
	margin: 0 4%;
}
.radio label {
	color: #376DA1;
	font-weight: bold;
}
.radio_left,.radio_right {
	/* margin-top: 5.2%; */
}
/*.radio1:not(:last-child) {
	padding-left: 13%;
	border-bottom: 2px solid #F6F6F6;
	margin: 0 4%;
}*/
.radio1 {
	padding-left: 15%;
	border-bottom: 2px solid #F6F6F6;
	margin: 0 4%;
}
.radio1 label {
	margin-top: 2%;
}
.confirm {
	background: #004B85;
	height: 12vw;
	width: 90%;
	margin: 5% auto;
	color: #FFFFFF;
	line-height: 12vw;
	text-align: center;
	border-radius: 2vw;
	font-size: 1.3rem;
}
.version{
	text-align: center;
	margin-top: 10px;
}
